﻿@{
    ViewBag.Title = "ChiTiet";
    Layout = "~/Views/Shared/Admin/_AdminLayout.cshtml";
}
@model BabyToys.Models.HoaDon

<div id="content" class="span10">
    <div class="row-fluid sortable">
        <div class="box span12">
            <div class="box-content">
                <div>
                    <ul class="breadcrumb">
                        <li>
                            <a href="#">Home</a> <span class="divider">/</span>
                        </li>
                        <li>
                            <a href="#">Chi tiết đơn hàng</a>
                        </li>
                    </ul>
                </div>

                @*<div class="form-actions">
                    <input type="submit" name="luu" class="btn btn-primary" value="Lưu và đóng">
                    <input type="submit" name="luu" class="btn btn-success" value="Lưu và tạo mới">
                    <a href="~/AdminSanPham" class="btn btn-inverse">Thoát</a>
                </div>*@


                <div class="row-fluid sortable">
                    <div class="box span12" style="width:975px;">
                        <div style="padding-left: 20px; height: 22px;">
                            <ul id="countrytabs" class="shadetabs">
                                <li><a rel="country1" class="selected">Thông tin hóa đơn</a></li>
                                <li><a rel="country2">Chi tiết sản phẩm</a></li>
                                <li><a rel="country3">Lịch sử</a></li>
                            </ul>
                        </div>
                        <div id="myTabContent" class="tab-content" style="padding-top: 50px;">
                            <div id="country1" class="tabcontent form-horizontal tab-pane">
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">ID</label>
                                    <div class="controls">
                                        @Model.IdHoaDon
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Ngày lập</label>
                                    <div class="controls">
                                        @{string NgayLap = String.Format("{0:d/M/yyyy HH:mm:ss}", @Model.NgayLapHD);}
                                        @NgayLap
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Tên khách hàng</label>
                                    <div class="controls">
                                        @Model.TenNguoiNhan
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Địa chỉ</label>
                                    <div class="controls">
                                        @Model.DiaChiGiaoHang
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Email</label>
                                    <div class="controls">
                                        @Model.Email
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Số điện thoại</label>
                                    <div class="controls">
                                        @Model.SoDienThoai
                                    </div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="typeahead">Trạng thái</label>
                                    <div class="controls">
                                        <select id="TrangThai" onchange="CapNhatTrangThai(@Model.IdHoaDon)"
                                            @Html.Raw(ViewBag.Xoa == true ? "" : "disabled=\"disabled\"")
                                            >
                                            <option value="1" @if (Model.TrangThai == 1)
                                                              { @:selected="selected" 
                               }>Chua liên hệ</option>
                                            <option value="2" @if (Model.TrangThai == 2)
                                                              { @:selected="selected" 
                               }>Chua giao hàng</option>
                                            <option value="3" @if (Model.TrangThai == 3)
                                                              { @:selected="selected" 
                               }>Ðã giao hàng</option>
                                             <option value="3" @if (Model.TrangThai == 4)
                                                              { @:selected="selected" 
                               }>Hủy</option>
                                        </select>
                                        <script>
                                            function CapNhatTrangThai(id) {
                                                var x = confirm("Bạn có chắc muốn cập nhật trạng thái hóa đơn này?");
                                                if (x == true) {
                                                    var ten = '#TrangThai' + id;
                                                    var id = id;
                                                    var trangthai = $(ten).val();
                                                    var submitData = {
                                                        id: id,
                                                        trangthai: trangthai
                                                    }
                                                    //alert("ch?n: "+trangthai+","+id);
                                                    $.post("/AdminHoaDon/CapNhatTrangThai/", { "id": id, "trangthai": trangthai },
                                                             function (data) {
                                                                 var xacnhan = confirm("Cập Nhật Thành Công, bạn có muốn cập nhật lại danh sách?");
                                                                 if (xacnhan == true) {
                                                                     window.location.reload();
                                                                 }
                                                             });
                                                } else {
                                                    window.location.reload();
                                                }

                                            }

                                        </script>
                                    </div>
                                </div>
                            </div>
                            <div id="country2" class="tabcontent form-horizontal">
                                <table class="table">
                                    <tbody>
                                        <tr>
                                            <th>id</th>
                                            <th>Sản phẩm</th>
                                            <th>Số lượng</th>
                                            <th>Thành tiền</th>
                                        </tr>


                                        @foreach (var hoadon in Model.ChiTietHoaDons)
                                        {
                                            <tr>
                                                <td class="item_float">@hoadon.Id</td>
                                                <td class="item_float"><a href="~/AdminSanPham/Sua/@hoadon.IdSanPham">@hoadon.SanPham.TenSP</a></td>
                                                <td class="item_float">@hoadon.SoLuong</td>
                                                <td class="item_float">@hoadon.ThanhTien</td>
                                            </tr>
                                        }

                                    </tbody>
                                </table>
                                <table>
                                    <tr class="row">
                                        <td class="box_title"><b>Tổng tiền hàng</b></td>
                                        <td class="box_object" style="padding-left:30px;">
                                            @Model.TienHang
                                        </td>
                                    </tr>
                                    <tr class="row">
                                        <td class="box_title"><b>Phí vận chuyển</b></td>
                                        <td class="box_object" style="padding-left:30px;">
                                            @Model.PhiVanChuyen
                                        </td>
                                    </tr>
                                    <tr class="row">
                                        <td class="box_title" ><b>Giảm giá</b></td>
                                        <td class="box_object" style="padding-left:30px;">
                                            @Model.TienKhuyenMai
                                        </td>
                                    </tr>
                                    <tr class="row">
                                        <td class="box_title"><b>Tổng giá trị</b></td>
                                        <td class="box_object" style="padding-left:30px;">
                                            @Model.TongGiaTri
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div id="country3" class="tabcontent form-horizontal">
                                
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    var countries = new ddtabcontent("countrytabs")
    countries.setpersist(true)
    countries.setselectedClassTarget("link") //"link" or "linkparent"
    countries.init()
</script>